<div ng-init="init();" class="kmi-layout-content mobile03-content">
        <div class="kmi-header-row">
            <div class="kmi-side-btn left" ng-click="back();">
                <i class="material-icons">&#xE408;</i>
                <div class="kmi-can-click"></div>
            </div>
            <div class="header-title" ng-bind="'mobile03.title' | translate"></div>
            <div class="kmi-side-btn" ng-if="mode=='batch'" ng-click="favorite();">
                <img src="image/icons/favorite.png"></img> 
                <div class="kmi-can-click"></div>
            </div>
        </div>
        <div class="kmi-layout-main-content system-info">
            <div class="kmi-row-fields">
                <div class="column-item">
                    <label class="label" ng-bind="'mobile03.op_no' | translate"></label>
                    <input class="value" ng-value="condition.op_display" ng-if="mode=='batch'" readonly="readonly" ng-click="loadStationNo()"/>
                    <div class="tip" ng-if="mode=='batch'"><i class="material-icons">&#xE5CF;</i></div>
                    <label class="value" ng-bind="condition.op_display" ng-if="mode=='single'"></label>
                </div>
            </div>
            <div class="kmi-row-fields">
                <div class="column-item">
                    <label class="label" ng-bind="'mobile03.plot_no' | translate"></label>
                    <input class="value" ng-value="condition.plot_no" ng-if="mode=='batch'" readonly="readonly" ng-click="loadPlotInfo()"/>
                    <div class="tip" ng-if="mode=='batch'"><i class="material-icons">&#xE5CF;</i></div>
                    <label class="value" ng-bind="condition.plot_no" ng-if="mode=='single'"></label>
                </div>
            </div>
            <div class="kmi-row-fields">
                <div class="column-item">
                    <label class="label" ng-bind="'mobile03.check_qty' | translate"></label>
                    <input mdl-calculater="inspectionInfo.check_qty" mdl-calculater-max="inspectionInfo.qty" mdl-calculater-decimal-length="3" readonly="readonly" ng-disabled="isPlotAndOpEmpty()"/>
                </div>
            </div>
            <div class="kmi-row-fields" style="border-bottom:1px #cecece solid;">
                <div class="column-item">
                    <label class="label" ng-bind="'mobile03.check_time' | translate"></label>
                    <label class="value" ng-bind="inspectionInfo.check_time | date:'yyyy-MM-dd HH:mm:ss'"></label>
                </div>
            </div>
            <div class="kmi-tab-content" style="border-bottom:1px #cecece solid;">
                <div class="tab" ng-click="tab_mode = 'C'" ng-class="{'is-select':tab_mode == 'C'}">
                    <label ng-bind="'mobile03.tab_mode.check' | translate" ></label>
                    <div class="kmi-can-click"></div>
                </div>
                <div class="tab" ng-click="tab_mode='P'" ng-class="{'is-select':tab_mode == 'P'}">
                    <label ng-bind="'mobile03.tab_mode.photo' | translate" ></label>
                    <div class="kmi-can-click"></div>
                </div>
                <div class="tab" ng-click="tab_mode='B'" ng-class="{'is-select':tab_mode == 'B'}">
                    <label ng-bind="'mobile03.tab_mode.bad_reason' | translate" ></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-row-fields" ng-show="tab_mode == 'P' && !isPlotAndOpEmpty()"
            style="padding: 8px 16px 8px 16px; align-items: center; justify-content: space-between;
                border-bottom: 1px #cecece solid; font-weight: bold;
                background: rgb(239, 239, 239, 0.7);">
                <label class="label" ng-bind="'mobile03.photo_list' | translate" ></label>
                <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="pic_add();">
                    <img src="image/icons/add_48x48.png" style="width:30px; height:30px;"></img>
                </button>
            </div>
            <div class="kmi-row-fields" ng-show="tab_mode == 'B' && !isPlotAndOpEmpty()"
                style="padding: 8px 16px 8px 16px; align-items: center; justify-content: space-between;
                border-bottom: 1px #cecece solid; font-weight: bold;
                background: rgb(239, 239, 239, 0.7);" >
                <label class="label" ng-bind="'mobile03.bad_reason.bad_list' | translate" ></label>
                <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon" ng-click="addRow();">
                    <img src="image/icons/add_48x48.png" style="width:30px; height:30px;"></img>
                </button>
            </div>
            <div class="kmi-list" ng-show="tab_mode == 'C'">
                <div class="kmi-list__row-content">
                    <div class="row-content" ng-repeat="item in inspectionInfo.qc_reason_detail track by $index">
                        <div class="kmi-row-fields">
                            <div class="column-item left row-title" ng-bind="('mobile03.reason'|translate)+item.reason_no+'. '+item.reason_name"></div>
                            <div class="column-item" ng-show="item.picture_path!=''" ng-click="open_checkPic(item);"
                                style="position: relative; width: 28px; height: 28px;flex: initial; display: flex; justify-content: center; align-items: center;">
                                <i class="material-icons" style="color:#293F5D;">insert_photo</i>
                                <div class="kmi-can-click"></div>
                            </div>
                        </div>
                        <div class="kmi-row-fields">
                            <div class="column-item left" ng-bind="('mobile03.reason_method'|translate)+item.reason_method"></div>
                        </div>
                        <div class="kmi-row-fields">
                            <div class="column-item left" ng-bind="item.check_type===1?(('mobile03.reason_description'|translate)+item.reason_description+('（'+item.mini_value+'~'+item.max_value+'）')):('mobile03.reason_description'|translate)+item.reason_description"></div>
                            <div  ng-show="item.check_type == 0" class="check-point-switch" ng-class="{'is-selected':item.reason_value == 'true'}"
                                ng-click="item.reason_value = item.reason_value=='true'?'false':'true'">
                                <div style="width:26px;height:24px;"></div>
                            </div>
                            <input ng-show="item.check_type == 1" mdl-calculater="item.reason_value" mdl-calculater-decimal="true"></input>
                            <img style="height:24px;width:24px;padding-left:4px" ng-show="item.check_type == 1" ng-src="{{InRange(item)?'image/icons/check1.png':'image/icons/not1.png'}}"></img>
                            <input ng-show="item.check_type == 2" ng-model="item.reason_value"></input>
                        </div>
                        <div class="kmi-row-fields">
                            <div class="column-item left" ng-bind="('mobile03.description'|translate)"  style="flex: 0 0 50px;"></div>
                            <input class="column-item-end" type="text" ng-model="item.description" style="flex: 1;"></input>
                        </div>
                    </div>
                </div>
            </div>
            <div class="kmi-list" ng-show="tab_mode == 'P'">
                <div class="kmi-list__row-content">
                    <div class="row-content" ng-repeat="pic in picSrcArray track by $index" style="padding-right: 60px;height: 88px;">
                        <div class="kmi-row-fields" style="height: 100%;">
                            <div class="column-item row-title" style="flex: 0 0 12px; line-height: 88px; padding-right: 8px;">{{'#'+($index+1)}}</div>
                            <div class="column-item">
                                <div class="pic-item">
                                    <img class="pic-img" ng-src="{{'data:image/jpeg;base64,'+pic}}" ng-click="pic_open($index)">
                                </div>
                            </div>
                        </div>
                        <div class="row-button" style="right: 16px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon"
                                ng-click="pic_delete($index);">
                                <img src="image/icons/delete.png" style="width:30px; height:30px;"></img>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="kmi-list" ng-show="tab_mode == 'B'">
                <div class="kmi-list__row-content">
                    <div class="row-content" ng-repeat="item in inspectionInfo.checklist_detail track by $index" style="padding-right: 60px;">
                        <div class="kmi-row-fields">
                            <div class="column-item row-title" ng-bind="item.page_no"></div>
                        </div>
                        <div class="kmi-row-fields">
                            <div class="column-item left" ng-bind="item.page_name"></div>
                            <div class="column-item right" >
                                <label ng-bind="'mobile03.qty' | translate"></label>
                                <input mdl-calculater="item.item_qty" mdl-calculater-decimal-length="3" readonly="readonly"/>
                            </div>
                        </div>
                        <div class="row-button" style="right: 16px;">
                            <button class="mdl-button mdl-js-button mdl-button--icon kmi-button--icon"
                               ng-click="removeRow(item);">
                                <img src="image/icons/delete.png" style="width:30px; height:30px;"></img>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="kmi-mobile__btn-content" style="text-align:center;">
                <button class="kmi-button__mobile" ng-click="confirm();" ng-disabled="isPlotAndOpEmpty()">
                    <label ng-bind="'common.btn.confirm' | translate"></label>
                    <div class="kmi-can-click"></div>
                </button>
            </div>
        </div>
    </div>
